<template>
    <div class="hello">
        <topCpn></topCpn>
        <cartCpn></cartCpn>
        <commoditytCpn></commoditytCpn>
        <settleCpn></settleCpn>
        <bottomCpn></bottomCpn>
    </div>
</template>

<script>
import topCpn from '../views/top/index.vue';
import cartCpn from '../views/cart/index.vue';
import commoditytCpn from '../views/commodity/index.vue';
import settleCpn from '../views/settle/index.vue';
import bottomCpn from '../views/bottom/index.vue';

export default {
    name: 'HelloWorld',
    components: {
        topCpn,
        cartCpn,
        commoditytCpn,
        settleCpn,
        bottomCpn
    }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss"></style>
